/*body*/
#container{width:1200px;margin:auto}

/*css reset start*/*{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
ul,li{list-style: none;
}/*css reset end*//*css public start*/.floatfix {
*zoom: 1;
}
.floatfix:after {
content: "";
display: table;
clear: both;
}/*css public end*//*slider start*/.slider-contaner{
width:100%;
position:relative;
}
.slider-item + .slider-item{
opacity:0;
}
.slider-item{
width:100%;
position:absolute;
animation-timing-function: linear;
animation-name:fade;
animation-iteration-count: infinite;
background-size:100%;
}
.focus-container{
position:absolute;
z-index:7;
margin:0 auto;
left:0;
right:0;
}
.focus-container li{
width:10px;
height:10px;
border-radius:50%;
float:left;
margin-right:10px;
background:#fff;}
.focus-item{
width:100%;
height:100%;
border-radius:inherit;
animation-timing-function: linear;
animation-name:fade;
animation-iteration-count: infinite;
}
.focus-item2,.focus-item3,.focus-item4,.focus-item5{
opacity:0;
}
.focus-container ul{
margin-left:46%;
}/*设置轮播焦点的位置*/.focus-container{
bottom:2%;
}/*设置当前图片焦点的颜色*/.focus-item{
background:#51B1D9;}/*设置动画，请根据实际需要修改秒数*/.slider-item,.focus-item{
animation-duration: 20s;
}
.slider-item1,.focus-item1{
animation-delay: -1s;
}
.slider-item2,.focus-item2{
animation-delay: 3s;
}
.slider-item3,.focus-item3{
animation-delay: 7s;
}
.slider-item4,.focus-item4{
animation-delay: 11s;
}
.slider-item5,.focus-item5{
animation-delay: 15s;
}
@keyframes fade{0%{
opacity:0;
z-index:2;
}5%{
opacity:1;
z-index: 1;
}20%{
opacity:1;
z-index:1;
}25%{
opacity:0;
z-index:0;
}100%{
opacity:0;
z-index:0;
}
}/*设置背景，响应式请利用媒体查询根据断点修改路径*/.slider-item1{
background-image: url(images/banner-photo-1.gif);
}
.slider-item2{
background-image: url(images/banner-photo-2.gif);
}
.slider-item3{
background-image: url(images/banner-photo-3.gif);
}
.slider-item4{
background-image: url(images/banner-photo-4.gif);
}
.slider-item5{
background-image: url(images/banner-photo-5.gif);
}/*设置图片的高度，请根据具体需要修改百分比，响应式及时修改此值*/.slider,.slider-item{
padding-bottom:40%;
}

/*text*/
#text{margin-top:50px;padding-bottom:80px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
/*main*/
#maincontent{margin-bottom:8px;}
#main{
	float:left;
	width:640px;
	height:400px;
	margin-top:16px;
background-image: url(images/bg-4.gif);}
#main2{
	float:right;
	width:560px;
	height:400px;
}
#box{margin-top:20px;margin-bottom:20px;}
#box1{
	float:left;
	position:relative;
	width:425px;
	height:330px;
	margin-top:8px;
	background-image: url(images/pt-1.gif);
}
#box2{
    float: right;
    width: 741px;
    height: 640px;
    margin-left: 15px;
    margin-top: 0px;
    line-height: 32px;
    letter-spacing: 10px;
























	background-image:;
    text-indent: 2em;
    color: #000000;
}
#text{	}
#box5{
    height: 40px;
    margin-top: 10px;
    background-color: #0a2b41;
}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
#box3{
	float:left;
	width:559px;
	height:392px;
	margin-top:20px;
	background-image: url(images/pt-2.gif);
}
#box4{
	float:right;
	width:558px;
	height:392px;
	margin-top:20px;
	margin-left:83px;
	background-image: url(images/pt-3.gif);
}
#blockquote{line-height:5px;}
/*footer*/
#footer{
width:1200px;
	height:216px;
	background:#0a2b41;
	margin-top:20px;
	color:#FFFFFF;
	}	
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
a{ color:#000000; text-decoration:none;}
a:hover{ color:#30F; text-decoration:underline;}
a:active{ color:#30F;}